<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>Maquettes Paris Ouest - Accueil</title>
        <link href="medias/jotform.css" rel="stylesheet" type="text/css" />
        <link href="medias/style.css" rel="stylesheet" type="text/css" />
		
		
		
		<link href="medias/drag_drop.css" rel="stylesheet" type="text/css" />
		<SCRIPT language='javascript' src='medias/mootools_core.js'></SCRIPT>
		<SCRIPT language='javascript' src='medias/mootools_more.js'></SCRIPT>
		
		<script type="text/javascript">
//<![CDATA[
function addParcoursDegagogique()
{
//faire un clone
}

		window.addEvent('domready', function(){
			$$('.item').addEvent('mousedown', function(event){
				event.stop();

				// `this` refers to the element with the .item class
				 var shirt = this;

				var clone = shirt.clone().setStyles(shirt.getCoordinates()).setStyles({
				  opacity: 0.7,
				  position: 'absolute'
				}).inject(document.body);

				var drag = new Drag.Move(clone, {

					  droppables: $('cart'),

					  onDrop: function(dragging, cart){

						dragging.destroy();

						if (cart != null){
						  shirt.clone().inject(cart);
						  cart.highlight('#FFF', '#FFF');
						}
					  },
					  onEnter: function(dragging, cart){
						cart.tween('background-color', '#222222');
					  },
					  onLeave: function(dragging, cart){
						cart.tween('background-color', '#111111');
					  },
					  onCancel: function(dragging){
						dragging.destroy();
					  }
				  
				});
				drag.start(event);
			  });
		});

		function viderPanier()
		{
			var cart = document.getElementById("cart");
			var labels = cart.getElementsByTagName("label");
			
			for(var i = 0; i < labels.length; i++)
			{
				cart.removeChild(labels[i]);
			}
			
		}
		
	//]]> 
</script>

		
    </head>
    <body>

        <div id="container">

            <div id="header">
                <div id="header_logo"><div id="header_right"></div></div>
            </div>


            <div id="middle">

                <div id="middle_menu">

                    <ul>
                        <li><a href="">Accueil</a></li>
                        <li><a href="">Créer maquette</a></li>
                        <li><a href="">Rehabiliter maquette</a></li>
                        <li><a href="">Habilitations</a></li>

                        <li><a href="http://www.univ-paris10.fr">Portail Paris Ouest</a></li>
                    </ul>

                </div>

                <div id="middle_main">

<form class="jotform-form" action="" method="post" accept-charset="utf-8">
  <div class="form-all">
    <ul class="form-section">
	
	
      <li class="form-line" id="id_1">
        <label class="form-label-left" id="label_1" for="input_1"> Parcours </label>
        <div id="cid_1" class="form-input">
          <select class="form-dropdown" style="width:150px" id="input_1" name="q1_parcours">
            <option>  </option>
            <option value="Classique"> Classique </option>
            <option value="Alternance"> Alternance </option>
          </select>
        </div>
      </li>
	  
	  
      <li class="form-line">
        <a href="" onclick="addParcoursDegagogique()"><strong>Ajouter un parcours pédagogique</strong></a>
      </li>
	  
	  <!-- debut parcours pedagogique -->
	  <div class="parcoursPedagogique">
	  
      <li class="form-line" id="id_5">
        <label class="form-label-left" id="label_5" for="input_5"> Parcours pédagogique </label>
        <div id="cid_5" class="form-input">
          <select class="form-dropdown" style="width:150px" id="input_5" name="q5_parcoursPedagogique">
            <option>  </option>
            <option value="Parcours par défaut"> Parcours par défaut </option>
          </select>
        </div>
      </li>
	  
	  
      <li class="form-line">
        <a href="" onclick="addSemestre()"><strong>Ajouter un semestre</strong></a>
      </li>
	  
	  
	  <!-- debut semestre -->
	  <div class="semestre">
	  
	  <li class="form-line" id="id_3">
        <label class="form-label-left" id="label_3" for="input_3"> N° de Semestre </label>
        <div id="cid_3" class="form-input">
          <select class="form-dropdown" style="width:150px" id="input_3" name="q3_nDe">
            <option>  </option>
            <option value="1er semestre"> 1er semestre </option>
            <option value="2ème semestre"> 2ème semestre </option>
            <option value="3ème semestre"> 3ème semestre </option>
            <option value="4ème semestre"> 4ème semestre </option>
            <option value="5ème semestre"> 5ème semestre </option>
            <option value="6ème semestre"> 6ème semestre </option>
          </select>
        </div>
      </li>
	  
	  
	  
      <li class="form-line">
        <a href="" onclick="addSemestre()"><strong>Ajouter une UE</strong></a>
      </li>
	  
	  
	  <div id="items">
  <label class="item" for="1">Anglais</label>
  <label class="item" for="1">CAR3</label>
  <label class="item" for="1">SGBD</label>
  <label class="item" for="1">MSI</label>
  <label class="item" for="1">EBusiness</label>
  <label class="item" for="1">SSI</label>
  <div id="cart">
    <div class="info">UE <a href="#" onclick="viderPanier()">viday</a></div>
</div>
</div>
	  
	  
	  
	  <!-- fin semestre -->
	  </div>
	  
	  
	  
	  </div>
	  <!-- fin parcours pedagogique -->
	  
	  
	  
	  
	  
	  
	</ul>
	
	
	
	
	
  </div>
</form>
				
				
				<!--
                    <script src="medias/jotform.js" type="text/javascript"></script>
                    <script type="text/javascript">
                       JotForm.init();
                    </script>	
<form class="jotform-form" action="" method="post" accept-charset="utf-8">
  <div class="form-all">
    <ul class="form-section">
      <li class="form-line" id="id_1">
        <label class="form-label-left" id="label_1" for="input_1"> Parcours </label>
        <div id="cid_1" class="form-input">
          <select class="form-dropdown" style="width:150px" id="input_1" name="q1_parcours">
            <option>  </option>
            <option value="Classique"> Classique </option>
            <option value="Alternance"> Alternance </option>
          </select>
        </div>
      </li>
      <li id="cid_4" class="form-input-wide" style="padding-top: 0; margin-top: 0;">
        <div class="form-header-group">
          <h2 id="header_4" class="form-header">
            Ajouter un parcours pédagogique
          </h2>
        </div>
      </li>
      <li class="form-line" id="id_5">
        <label class="form-label-left" id="label_5" for="input_5"> Parcours pédagogique </label>
        <div id="cid_5" class="form-input">
          <select class="form-dropdown" style="width:150px" id="input_5" name="q5_parcoursPedagogique">
            <option>  </option>
            <option value="Parcours par défaut"> Parcours par défaut </option>
          </select>
        </div>
      </li>
      <li id="cid_2" class="form-input-wide">
        <div class="form-header-group">
          <h2 id="header_2" class="form-header">
            Ajouter un semestre
          </h2>
        </div>
      </li>
      <li class="form-line" id="id_3">
        <label class="form-label-left" id="label_3" for="input_3"> N° de Semestre </label>
        <div id="cid_3" class="form-input">
          <select class="form-dropdown" style="width:150px" id="input_3" name="q3_nDe">
            <option>  </option>
            <option value="1er semestre"> 1er semestre </option>
            <option value="2ème semestre"> 2ème semestre </option>
            <option value="3ème semestre"> 3ème semestre </option>
            <option value="4ème semestre"> 4ème semestre </option>
            <option value="5ème semestre"> 5ème semestre </option>
            <option value="6ème semestre"> 6ème semestre </option>
          </select>
        </div>
      </li>
      <li id="cid_6" class="form-input-wide">
        <div class="form-header-group">
          <h2 id="header_6" class="form-header">
            Cliquez pour modifier ce texte ...
          </h2>
        </div>
      </li>
      <li class="form-line" id="id_7">
        <div id="cid_7" class="form-input-wide">
          <div style="margin-left:156px" class="form-buttons-wrapper">
            <button id="input_7" type="submit" class="form-submit-button">
              Soumettre le formulaire
            </button>
          </div>
        </div>
      </li>
      <li style="display:none">
        Should be Empty:
        <input type="text" name="website" value="" />
      </li>
    </ul>
  </div>
  <input type="hidden" id="simple_spc" name="simple_spc" value="20333739552" />
  <script type="text/javascript">
  document.getElementById("si" + "mple" + "_spc").value = "20333739552-20333739552";
  </script>
</form>
-->


                    <!--
                    <script src="medias/jotform.js" type="text/javascript"></script>
                    <script type="text/javascript">
                       JotForm.init();
                    </script>
                    <form class="jotform-form" action="http://submit.jotform.com/submit.php" method="post" accept-charset="utf-8">
                      <div class="form-all">
                            <ul class="form-section">
                              <li class="form-line" id="id_3">
                                    <label class="form-label-left" id="label_3" for="input_3"> Type de dipl�me </label>
                                    <div id="cid_3" class="form-input">
                                      <select class="form-dropdown" style="width:150px" id="input_3" name="q3_typeDe">
                                            <option>  </option>
                                            <option value="Licence"> Licence </option>
                                            <option value="Master"> Master </option>
                                      </select>
                                    </div>
                              </li>
                              <li class="form-line" id="id_4">
                                    <label class="form-label-left" id="label_4" for="input_4"> UFR </label>
                                    <div id="cid_4" class="form-input">
                                      <select class="form-dropdown" style="width:150px" id="input_4" name="q4_ufr">
                                            <option>  </option>
                                            <option value="Option 1 "> Option 1 </option>
                                            <option value=" Option 2 "> Option 2 </option>
                                            <option value=" Option 3"> Option 3 </option>
                                      </select>
                                    </div>
                              </li>
                              <li class="form-line" id="id_5">
                                    <label class="form-label-left" id="label_5" for="input_5"> Domaine </label>
                                    <div id="cid_5" class="form-input">
                                      <select class="form-dropdown" style="width:150px" id="input_5" name="q5_domaine">
                                            <option>  </option>
                                            <option value="Option 1 "> Option 1 </option>
                                            <option value=" Option 2 "> Option 2 </option>
                                            <option value=" Option 3"> Option 3 </option>
                                      </select>
                                    </div>
                              </li>
                              <li class="form-line" id="id_6">
                                    <label class="form-label-left" id="label_6" for="input_6"> Mention </label>
                                    <div id="cid_6" class="form-input">
                                      <input type="text" class="form-textbox" id="input_6" name="q6_mention" size="20" />
                                    </div>
                              </li>
                              <li class="form-line" id="id_7">
                                    <label class="form-label-left" id="label_7" for="input_7"> Sp�cialit� </label>
                                    <div id="cid_7" class="form-input">
                                      <input type="text" class="form-textbox" id="input_7" name="q7_specialite" size="20" />
                                    </div>
                              </li>
                              <li class="form-line" id="id_8">
                                    <label class="form-label-left" id="label_8" for="input_8"> Dipl�me </label>
                                    <div id="cid_8" class="form-input">
                                      <input type="text" class="form-textbox" id="input_8" name="q8_diplome" size="20" />
                                    </div>
                              </li>
                              <li class="form-line" id="id_9">
                                    <div id="cid_9" class="form-input-wide">
                                      <div style="margin-left:0px" class="form-buttons-wrapper">
                                            <button id="input_9" type="submit" class="form-submit-button">
                                              Soumettre le formulaire
                                            </button>
                                      </div>
                                    </div>
                              </li>
                              <li style="display:none">
                                    Should be Empty:
                                    <input type="text" name="website" value="" />
                              </li>
                            </ul>
                      </div>
                      <input type="hidden" id="simple_spc" name="simple_spc" value="20303637549" />
                      <script type="text/javascript">
                      document.getElementById("si" + "mple" + "_spc").value = "20303637549-20303637549";
                      </script>
                    </form>-->





                </div>

            </div>






        </div>




        <!--
        <a href="#" onclick="window.open('http://images.forum-auto.com/mesimages/48474/morsay.gif', 'windowname1', 
        'menubar=no, status=no, scrollbars=no, menubar=no, width=196, height=240, location=no'); 
        return false;">&pi;</a>
        -->




    </body>
</html>